<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%@ include file="/WEB-INF/views/admin/app_base.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <!--申明当前页面的编码集-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="format-detection" content="telephone=no" />
    <meta content="email=no" name="format-detection" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <%@ include file="/WEB-INF/views/admin/app_js_css.jsp"%>
    <link href="<%=basePath%>/static/admin/app/js/datapicker/datepicker3.css" rel="stylesheet">
    <script rel="script" src="<%=basePath%>/static/admin/app/js/datapicker/bootstrap-datepicker.js"></script>
    <script rel="script" src="<%=basePath%>/static/admin/app/js/datapicker/bootstrap-datepicker.zh-CN.js"></script>
    <!--引入 lrz 插件 用于压缩图片-->
    <script type="text/javascript" src="<%=basePath%>/static/admin/app/js/localResizeIMG/lrz.bundle.js"></script>
    <script rel="script" src="<%=basePath%>/static/admin/app/js/fileUpload.js"></script>
    <script rel="script" src="<%=basePath%>/static/admin/app/js/trip_update.js"></script>
    <title>行程管理</title>
</head>
<body style="background:#f4f4f4;">
<div class="viewport">
<header>
    <div class="header-title">
        <a href="<%=basePath%>/admin/go-go" class="return"><i class="iconfont"></i>返回</a>
        <h2>${tripTitle }</h2>
    </div>
</header>
<section>
    <form role="form">
        <div class="form-box">
        	<input id="id" type="hidden" class="form-control" readonly value="${trip.id}">
            <div class="form-group">
                <label><em class="red">*</em>目的地</label>
                <input id="targetAddress" type="text" class="form-control" placeholder="您的出发目的地" value="${trip.targetAddress}">
            </div>
            <div class="form-group">
                <label><em class="red">*</em>出发时间</label>
                <input id="startDate" type="text" readonly class="form-control" placeholder="您的出发时间" value="<fmt:formatDate value="${trip.startDate}" pattern="yyyy-MM-dd"/>">
            </div>
            <div class="form-group">
                <label><em class="red">*</em>返程时间</label>
                <input id="endDate" type="text" readonly class="form-control" placeholder="您的返程时间" value="<fmt:formatDate value="${trip.endDate}" pattern="yyyy-MM-dd"/>">
            </div>
            <div class="form-group">
                <label>行程状态</label>
                <select id="status" class="form-control">
                    <option value = "1" <c:if test="${trip.status == 1}">selected="selected"</c:if>>新建</option>
                    <option value = "2" <c:if test="${trip.status == 2}">selected="selected"</c:if>>接单中</option>
                    <option value = "3" <c:if test="${trip.status == 3}">selected="selected"</c:if>>采购中</option>
                    <option value = "4" <c:if test="${trip.status == 4}">selected="selected"</c:if>>已返程</option>
                    <option value = "5" <c:if test="${trip.status == 5}">selected="selected"</c:if>>结束</option>
                </select>
            </div>
            <div class="form-group">
                <label>行程描述</label>
                <textarea id="remark" class="form-control" rows="5"placeholder="请填写您的行程描述">${trip.remark}</textarea>
            </div>
            <div class="form-group">
                <label><em class="red">*</em>行程主图</label>
                <a class="upload-file-btn">
                    <i class="iconfont"></i>
                    <img id="tripPicImage" src="${trip.tripPic }" width="98" height="100"/>
                    <input id="tripPic" type="file" class="upload_file" onchange="ajaxFileUpload('/${user.loginName }/upload/trip','tripPic','tripPicImage')"/>
                </a>
            </div>
            <div class="form-group">
                <label>行程广告图1</label>
                <a class="upload-file-btn">
                    <i class="iconfont"></i>
                    <img id="tripPicImage1" src="${trip.tripPic1 }" width="98" height="100"/>
                    <input id="tripPic1" type="file" class="upload_file" onchange="ajaxFileUpload('/${user.loginName }/upload/trip','tripPic1','tripPicImage1')"/>
                </a>
            </div>
            <div class="form-group">
                <label>行程广告图2</label>
                <a class="upload-file-btn">
                    <i class="iconfont"></i>
                    <img id="tripPicImage2" src="${trip.tripPic2 }" width="98" height="100"/>
                    <input id="tripPic2" type="file" class="upload_file" onchange="ajaxFileUpload('/${user.loginName }/upload/trip','tripPic2','tripPicImage2')"/>
                </a>
            </div>
            <div class="form-group">
                <label>行程广告图3</label>
                <a class="upload-file-btn">
                    <i class="iconfont"></i>
                    <img id="tripPicImage3" src="${trip.tripPic3 }" width="98" height="100"/>
                    <input id="tripPic3" type="file" class="upload_file" onchange="ajaxFileUpload('/${user.loginName }/upload/trip','tripPic3','tripPicImage3')"/>
                </a>
            </div>
            <div class="form-group">
                <label>行程广告图4</label>
                <a class="upload-file-btn">
                    <i class="iconfont"></i>
                    <img id="tripPicImage4" src="${trip.tripPic4 }" width="98" height="100"/>
                    <input id="tripPic4" type="file" class="upload_file" onchange="ajaxFileUpload('/${user.loginName }/upload/trip','tripPic4','tripPicImage4')"/>
                </a>
            </div>
            <div class="form-group">
                <label>行程广告图5</label>
                <a class="upload-file-btn">
                    <i class="iconfont"></i>
                    <img id="tripPicImage5" src="${trip.tripPic5 }" width="98" height="100"/>
                    <input id="tripPic5" type="file" class="upload_file" onchange="ajaxFileUpload('/${user.loginName }/upload/trip','tripPic5','tripPicImage5')"/>
                </a>
            </div>
            <div class="form-group">
                <label>行程广告图6</label>
                <a class="upload-file-btn">
                    <i class="iconfont"></i>
                    <img id="tripPicImage6" src="${trip.tripPic6 }" width="98" height="100"/>
                    <input id="tripPic6" type="file" class="upload_file" onchange="ajaxFileUpload('/${user.loginName }/upload/trip','tripPic6','tripPicImage6')"/>
                </a>
            </div>
        </div>
    </form>
    <div style="height: 60px"></div>
	<div class="new-brn-tab new-brn-border">
	    <div class="new-tbl-type">
	        <a id="saveTripBtn" class="new-tbl-pwd btn btn-primary">提交</a>
	        <a href="<%=basePath%>/admin/go-go" class="new-tbl-pwd btn btn-cancel">取消</a>
	        <input id="buttonFlag" type="hidden" class="form-control">
	    </div>
	</div>
</section>
</div>
</body>
</html>